<template>
    <div>
         <!-- 搜索框组件 -->
    <van-search
      v-model="value"
      show-action
      :placeholder="placeholderVal"
      @search="onSearch"
      @cancel="onCancel"
      @input="onInput"
    />
    <!-- 历史记录和热门搜索 组件 -->
    <HistoryHot
      v-if="blockShow == 1"
      :searchHistoryData="searchHistoryData"
      :searchHotData="searchHotData"
      @goSearch="setValue"
    ></HistoryHot>
    <!-- 搜索提示列表 组件-->
    <SearchTipsList
      v-else-if="blockShow == 2"
      :searchTipsArr="searchTipsArr"
      @setValue="setValue"
    ></SearchTipsList>
    <!-- 综合-价格-分类组件 -->
    <SearchProducts
      :goodsList="goodsList"
      :filterCategory="filterCategory"
      @priceChange="priceChange"
      @cateChange="cateChange"
      v-else
    ></SearchProducts>
    </div>
</template>

<script>

export default {
    name: 'VueSearchpopup',

    data() {
        return {
            value:'',

            
        };
    },

    mounted() {
     
    },

    methods: {
           onSearch(){
               let params={
                   keyword:this.keyword
               }
            
        }
        
    },
};
</script>

<style lang="less" scoped>

</style>